<script setup>
import {ref} from 'vue'
import NavForm from "../BaseDialog.vue";
const searColumns = ref([
{
    keyword: "",
    placeholder: '请输入你要查询的关键字',
    Options: [
      { label: "视频1", value: "video" },
      { label: "文章1", value: "article" },
      { label: "用户1", value: "user" },
    ],
    selectedValue: "video",
    label: "名称1",
    labelWidth: "200px",
  },
{
    keyword: "",
    placeholder: '请输入你要查询的关键字',
    Options: [
      { label: "视频2", value: "video" },
      { label: "文章2", value: "article" },
      { label: "用户2", value: "user" },
    ],
    selectedValue: "video",
    label: "名称2",
    labelWidth: "200px",
  },
{
    keyword: "",
    placeholder: '请输入你要查询的关键字',
    Options: [
      { label: "视频3", value: "video" },
      { label: "文章3", value: "article" },
      { label: "用户3", value: "user" },
    ],
    selectedValue: "video",
    label: "名称3",
    labelWidth: "200px",
  },
  {
    keyword: "",
    placeholder: '请输入你要查询的关键字',
    Options: [
      { label: "视频4", value: "video" },
      { label: "文章5", value: "article" },
      { label: "用户6", value: "user" },
    ],
    selectedValue: "video",
    label: "名称63",
    labelWidth: "200px",
  },
]);
const NoSubmit = (val) => {
  console.log('====================================');
  console.log('val',val);
  console.log('====================================');
}
const onSubmit = (str) => {
  console.log('====================================');
  console.log('str',str);
  console.log('====================================');
}
</script>

<template>
  

<!--其中的searColumns搜索框的配置，submit为提交，reset为重置-->
<NavForm
    :searColumns="searColumns"
    @submit="onSubmit"
    @reset="NoSubmit"
></NavForm>

</template>

<style scoped>

</style>
